    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>HTML介绍</title>
        <style type="text/css">
		.a{text-align:center;}
		.b p{text-indent:2em;}
		body{background-image:url(beijing.png);
		background-repeat:repeat;
		}
		.ul{width:362px;
		height:120px;border-style:solid;
		border-image-source:url(biankuang.jpg);
		border-image-slice:44%;
		border-image-width:10px;
		border-image-outset:0;
		border-image-repeat:repeat;
		}
        </style>
    </head>

    <body>
        <div class="a">
          <img src="html5tupian.png" width="220" height="220">
    
        </div>
        <div class="b">
          <h1 class="a">HTML发展前景</h1>
          <p class="a">作者：宇泽互联练&nbsp&nbsp发布日期：2015-05-17</p>
          <hr color="#FFCC99" width="600"/>
          <p>HTML5是开放的Web网络平台的奠基石。HTML5以及JavaScript和CSS相关技术能够让开发者在任何设备上都运行开发丰富的网页应用，并且会有越来越来多的企业加入到HTML5的大平台上来。</p>
          <h2>HTML5的特点</h2>
          <p>HTML5有两大特点：首先，强化了Web网页的表现性能。其次追加了本地数据库等Web应用功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的网络应用服务（RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。</p>
          <ul class="ul">
          <li>支持视频的播放/录音功能</li>
          <li>支持音频的播放/录音功能</li>
          <li>支持音频的播放/录音功能</li>
          <li>支持音频的播放/录音功能</li>
          <li>支持音频的播放/录音功能</li>
          </ul>
        </div>
        <div class="a">
        Copyright &copy;<a href="">宇泽互联</a>2019-2020，All Right Reserved.
        </div>
        <br/>
        <br/>
        <br/> <br/> <br/><br/>
        <hr color="#999999" align="center" size="9" width="1500"/>
        <br/>
         <br/>
          <br/> <br/> <br/>
          <br/> <br/> <br/>
        <div class="a" >
          <img src="css3.jpg" width="220" height="220">
          </div>
        <div>
          <h1 class="a">css3介绍</h1>
          <p class="a">作者：宇泽互联练&nbsp&nbsp发布日期：2015-05-17</p>
          <hr color="#66CCFF" width="600"/>
          <p>CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。</p>
          <a href="fzlc.PNG">1.发展进程</a><hr/>
          <a href="">2.编程开发</a>
          <p>CSS3编程工具同CSS，任何一种文本编辑工具都可用来编写，如：Windows下的写字本、记事本；或其他专门用于编辑网页文本的工具，如：IntelliJ IDEA、Eclipse、MyEclipse、webstorm、sublime text；此外还有专门针对前端开发的插件，如：Emmet。</p>
          <a href="">3.工作原理</a>
          <p>CSS3原理同CSS，是在网页中自定义样式表的选择符，然后在网页中大量引用这些选择符 [38]  。
新增特性中transform的原理较为特殊，虽然使用位移函数translate()、缩放函数scale()、旋转函数rotate()和倾斜函数skew()可以简单地实现变形，但是变形中的矩阵函数都可以使用matrix()函数来代替，如：
1
2
3
#object{
    transform: rotate(15deg) translateX(230px) scale(1.5, 2.6) skew(220deg, -150deg) translateX(230px);
}
使用一个矩阵matrix()规则变成如下
1
2
3
#object{
    transform:matrix(1.06, 1.84, 0.54, 2.8, 466, 482);
}
CSS3中的2D矩阵matrix总共提供了六个参数a、b、c、d、e和f，其基本写法为matrix(a,b,c,d,e,f)，参数对应的矩阵为：

首先需要知道简单的线性代数知识：矩阵与向量乘法，了解三维向量与3×3矩阵的乘积。matrix计算方法：X和Y是元素初始原点的坐标，X'和Y'则是通过矩阵变换后得到的新原点坐标。通过中间3×3变换矩阵，对原先的坐标施加变换，就能得到新的坐标了。依据矩阵变换规则即可得到：</p>
            <a href="">4.语言基础</a>
            <p>CSS3的语法是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。CSS选择器中的大部分并不是在CSS3中新添加的，只是在之前的版本中没有得到广泛的应用。如果想尝试实现一个干净的、轻量级的标签以及结构与表现更好的分离，高级选择器是非常有用的，它们可以减少在标签中的class和ID的数量并让设计师更方便地维护样式表。</p><a href="yyjc.PNG">新增的选择器</a>
            <br/>
            <a href="">5.新增特性</a>
           <ul>
            <li>1、边框特性</li>
            <li>2、多背景图</li>
            <li>3、颜色与透明度</li>
            <li>4、多列布局与弹性盒模型布局 
            <li>5、盒子的变形</li>
            <li>6、过渡与动画</li>
            <li>7、Web字体</li>
            <li>8、媒体查询</li>
            <li>9、阴影</li>
          </ul>
          <br/><br/><br/><br/>
          <a href="jrwt.PNG">6.兼容问题</a><br/><br/>
          <a href="">7.优势评价</a>
          <p>1、减少开发成本与维护成本
在CSS3出现之前，开发人员为了实现一个圆角效果，往往需要添加额外的HTML标签，使用一个或多个图片来完成，而使用CSS3只需要一个标签，利用CSS3中的border-radius属性就能完成。这样，CSS3技术能把人员从绘图、切图和优化图片的工作中解放出来。如果后续需要调整这个圆角的弧度或者圆角的颜色，使用CSS2.1，需要从头绘图、切图才能实现，使用CSS3只需修改border-radius属性值就可快速完成修改。
CSS3提供的动画特性，可让开发者在先实现一些动态按钮或者动态导航时远离JavaScript，让开发人员不需要花费大量的时间去写脚本或者寻找合适的脚本插件来适配一些动态网站效果。</p>
<hr/>
<p>2、提高页面性能
很多CSS3技术通过提供相同的视觉效果而成为图片的“替代品”，换句话说，在进行Web开发时，减少多余的标签嵌套以及图片的使用数量，意味着用户要下载的内容将会更少，页面加载也会更快。另外，更少的图片、脚本和Flash文件能够减少用户访问Web站点时的HTTP请求数，这是提升页面加载速度的最佳方法之一。而使用CSS3制作图形化网站无需任何图片，极大地减少了HTTP的请求数量，并且提升了页面的加载速度。例如CSS3的动画效果，能够减少对JavaScript和Flash文件的HTTP请求，但可能会要求浏览器执行很多的工作来完成这个动画效果的渲染，这有可能导致浏览器响应缓慢致使用户流失。因此，在使用一些复杂的特效时需要考虑清楚。其实很多CSS3技术能够在任何情况下都大幅提高页面的性能 [53]  。
CSS3将完全向后兼容，所以没有必要修改的设计来让它们继续运作。网络浏览器也还将继续支持CSS2 [54]  。</p>

            
          </div>
        
        
        
        
        
        
        
        
        
    </body>
    </html>
